<template>
    <ul class="list-box">
        <li>
            <div class="li-left"></div>
            <div class="li-right">
                <p class="right-title">从零</p>
                <p class="right-tail">订阅时间</p>
            </div>
        </li>
    </ul>
</template>

<script>
export default {
    name: 'CourseList',
    components: {},
    data() {
        return {};
},
    computed: {},
    watch: {},
    methods: {},
};	
</script>

<style lang="less" scoped>
    .list-box{
        width: 100%;
        height: auto;
        background-color: white;
        li{
            width: 100%;
            height: auto;
            padding: .4rem;
            display: flex;
            div.li-left {
                width: 3.2rem;
                height: 2.4rem;
                border-radius: 4px;
                background-color: lightskyblue;
            }
            div.li-right {
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                p.right-title {
                    width: 100%;
                    height: 1.066667rem;
                    margin-bottom: .586667rem;
                    font-size: 15px;
                }
                p.right-tail {
                    width: 100%;
                    height: auto;
                    font-size: .32rem;
                }
            }
        }
    }
</style>